/* CSS 公共样式 */
body,tr,td,thead,tbody,ul,li,div,span,img,h1,h2,h3,h4,h5,h6,em,input,select,a,p,cite,header,aside,footer,section,article,figure,nav,menu,dl,dt,dd{ margin:0; padding:0; }
ul,li{ list-style:none; }
a,a:hover{ text-decoration:none; }
a{ color:#fff;}
h1,h2,h3,h4,h5,h6,em,cite{ font-style:normal;}
a,input,li{-webkit-tap-highlight-color:rgba(255,0,0,0);}
header,aside,footer,section,article,figure,nav,menu{ display:block; }
input,select,textarea{ outline:none; resize:none; border: 0;}

html {
    position: relative;
    width: 100%;
    /*最小尺寸*/
    min-width: 790px;
    min-height:600px;
    height: 100%;
    font-size: 14px;
}

body {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0;
    margin: 0;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    height: 100%;
}




.signLine{
    border: 1px solid red;
    box-sizing: border-box;
}
.signLineRoya{
    border: 1px solid royalblue;
    box-sizing: border-box;
}
/*媒体查询*/
/*当页面大于1200px 时，大屏幕，主要是PC 端*/
@media (min-width: 1200px) {
    .mainPhoto{
        height: 88vh;
        /*flex-basis: 89vh;*/
        width: 900px;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;

    }

    .mainInfo{
        height: 88vh;
        width: 300px;
        flex-shrink: 0;

    }
    .photoCss{
        width: 24.9%;
        height: 300px;
        flex-shrink: 0;
        flex-grow:1;
    }
}
/*在992 和1199 像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width: 992px) and (max-width: 1199px) {
    .mainPhoto{
        height: 89vh;
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .mainInfo{
        display: none;
    }
    .photoCss{
        width: 33.33%;
        height: 300px;
        flex-shrink: 0;
        flex-grow:1;
    }
}
/*在768 和991 像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width: 768px) and (max-width: 991px) {
    .mainPhoto{
        height: 89vh;
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .mainInfo{
        display: none;
    }
    .photoCss{
        width:50%;
        height: 300px;
        flex-shrink: 0;
        flex-grow:1;
    }
}
/*!*在480 和767 像素之间的屏幕里，超小屏幕，主要是手机*!*/
/*@media (min-width: 480px) and (max-width: 767px) {*/
/*    .mainPhoto{*/
/*        height: 89vh;*/
/*        width: 100%;*/
/*        flex-shrink: 0;*/
/*        display: flex;*/
/*        flex-wrap: wrap;*/
/*        justify-content: center;*/
/*        align-items: center;*/
/*    }*/
/*    .mainInfo{*/
/*        display: none;*/
/*    }*/
/*    .photoCss{*/
/*        width: 50%;*/
/*        height: 300px;*/
/*        flex-shrink: 0;*/
/*        flex-grow:1;*/
/*    }*/
/*}*/
/*}*/
/*在小于767 像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 767px) {
    .mainPhoto{
        height: 89vh;
        width: 100%;
        flex-shrink: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .mainInfo{
        display: none;
    }
    .photoCss{
        width: 50%;
        height: 300px;
        flex-shrink: 0;
        flex-grow:1;
    }
}



#app{
    display: flex;
    flex-direction: column;
}


.titleArea{
    height: 6vh;
    width: 100vw;

}
.mainArea{
    /*height: 89vh;*/
    flex-basis:89vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    /*min-width: 1382px;*/
    /*align-items: center;*/
}
.bottomArea{
    height: 5vh;
    width: 100vw;

}

.signLineRoya >div{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/*.mainPhoto >.el-card__body{*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*}*/